<template>
    <div class="container">
      <!--使用在html便签的属性上
         使用在组件或者自定义的属性上
      -->
      <a v-bind:href="url">内容页 </a>
   <!--  &lt;!&ndash; <img src=""/>&#45;&#45;:是v-bind的语法糖>-->
      <button :type="btnType">按钮1</button>
      <!--<button v-on:click="loginHandle">Login</button>-->
      <button @click="loginHandle">Login</button>
    </div>
</template>

<script>
    export default {
        name: "2.diractive",
       data(){
           return{
             url:'test.html',
             btnType:'button'
           }

       },methods:{
        loginHandle(){
           alert('login');
        }
      }
    }
</script>

<style scoped>

</style>
